const path = require("path");
// const UglifyPlugin = require("uglifyjs-webpack-plugin")
module.exports = {
    configureWebpack: {

        resolve: {
            // alias: {
            // 	'assets': '@/assets',
            // 	'components': '@/components',
            // 	'views': '@/views',
            // }
        }
    },
    chainWebpack: config => {
        config.module
            .rule('images')
            .use('url-loader')
            .loader('url-loader')
            .tap(options => Object.assign(options, {limit: 20000}))
    },


    /* 部署生产环境和开发环境下的URL：可对当前环境进行区分，baseUrl 从 Vue CLI 3.3 起已弃用，要使用publicPath */
    /* baseUrl: process.env.NODE_ENV === 'production' ? './' : '/' */
    publicPath: process.env.NODE_ENV === 'production' ? '/' : './',
    outputDir: 'dist',// 将构建好的文件输出到哪里
    assetsDir: "assets",
    productionSourceMap: false,


    // CSS 相关选项
    css: {
        // 将组件内的 CSS 提取到一个单独的 CSS 文件 (只用在生产环境中)
        // 也可以是一个传递给 `extract-text-webpack-plugin` 的选项对象
        extract: true,

        // 是否开启 CSS source map？
        sourceMap: false,

        // 为预处理器的 loader 传递自定义选项。比如传递给
        // sass-loader 时，使用 `{ sass: { ... } }`。
        loaderOptions: {},

        // 为所有的 CSS 及其预处理文件开启 CSS Modules。
        // 这个选项不会影响 `*.vue` 文件。
        modules: false
    },

    /* webpack-dev-server 相关配置 */
    devServer: {
        /* 自动打开浏览器 */
        open: true,
        /* 设置为0.0.0.0则所有的地址均能访问 */
        host: 'localhost',
        port: 8066,
        https: false,
        hotOnly: false,
        /* 使用代理 */
        proxy: {
            '/lapi': {
                /* 目标代理服务器地址 */
                target: "http://localhost:8081/",
                changOrigin: true,//允许跨域
                pathRewrite: {
                    '^/lapi': ''//请求的时候使用这个api就可以
                }
            },


        },


    }
}
